<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS引入测试</title>
<!--内部样式(内嵌式)引入CSS样式-->
    <style>
        div{
            background-color: blue;
        }
        span{
            background-color: red;
        }
    </style>
<!--外部样式(外联式)引入CSS样式-->
    <link href="../css/mystyle.css" rel="stylesheet">
</head>
<body>
<!--行内样式(内联式)引入CSS样式-->
<div style="background-color: aqua">内联式div1</div>
<span style="background: green">内联式span1</span>
<!--内部样式(内嵌式)引入CSS样式-->
<span>内嵌式span2</span>
<div>内嵌式div2</div>
<!--外部样式(外联式引入CSS样式)-->
<span id="three">外联式span3</span>
<span id="two">外联式span4</span>
<div id="one">外联式div3</div>
</body>
</html>